<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专业4S保养记录查询-蚂蚁女王</title>
    <link rel="stylesheet" href="/Public/css/tinweb.css">
    <link rel="stylesheet" href="/Public/css/font-awesome.min.css">
    <link rel="stylesheet" href="/Public/css/common.css">
    <script src="/Public/js/jquery.min.js"></script>
    <include file="Common/style" />
</head>
<body>
    <include file="Common/header" />
    <!--轮播-->
    <div class="carousel">
        <div class="my-img container">
            <!--轮播图-->
            <div class="carousel-img">
                <img class="img-preview-height" src="/Public/images/zs_2.png" alt="">
                <img class="img-preview-height" src="/Public/images/zs_3.png" alt="">
                <img class="img-preview-height" src="/Public/images/zs_one.png" alt="">
            </div>
            <!--登陆框-->
            <div class="login-block">
                <p class="login-title">登陆到蚂蚁女王</p>
                <form action="">
                    <input class="login-tm" value="手机号/企业号" type="text">
                    <input class="login-tm" value="密码" type="text">
                    <div class="login-yz row">
                        <div class="col-5">
                            <a>
                                <img src="holder.js/130x40" alt="">
                            </a>
                        </div>
                        <div class="col-5">
                            <a>点击发送到手机</a>
                        </div>
                    </div>
                    <div class="login-sub">
                        <input value="登陆" type="submit">
                    </div>
                    <div class="login-ts row">
                        <div class="col-5 col-5-1">
                            <a href="">
                                <i class="fa fa-question-circle"></i> 忘记密码
                            </a>
                        </div>
                        <div class="col-5 col-5-2">
                            <a href="">立即注册</a>
                        </div>
                    </div>
                </form>
            </div>
            <div class="login-bar">

            </div>
            <!--箭头-->
            <div class="my-arrow-left">
                <a>
                    <img src="/Public/images/leftjt.png" alt="">
                </a>
            </div>
            <div class="my-arrow-right">
                <a>
                    <img src="/Public/images/rightjt.png" alt="">
                </a>
            </div>
        </div>
        <!--阴影效果-->
        <div class="my-shadow">
            <img src="/Public/images/bg_shadow.png" alt="">
        </div>
    </div>
    <!--main0-->
    <div class="main0 container">
        <div class="function">
            <a href="">马上下载APP,即可享受诸多功能</a>
        </div>
    </div>
    <!--main1-->
    <div class="main1">
        <div class="container text-center">
            <img src="/Public/images/gongju.png" alt="">
        </div>
        <div class="weichat">
            <div class="weichat-left">
                <img src="/Public/images/app1.png" alt="">
                <h1 class="text-center">扫码下载APP</h1>
                <h1 class="text-center">支持苹果和安卓</h1>
            </div>
            <div class="weichat-right">
                <img src="/Public/images/app1.png" alt="">
                <h1 class="text-center">扫码添加</h1>
                <h1 class="text-center">微信公众号</h1>
            </div>
        </div>
    </div>
    <!--main2-->
    <div class="main2">
        <div class="main2-shadow text-center">
            <img src="/Public/images/bg_shadow2.png" alt="">
        </div>
        <div class="main2-con container">
            <div class="text-center pouxi">
                <img src="/Public/images/pouxi.png" alt="">
            </div>
            <div class="main2-li">
                <a>
                    1:蚂蚁女王 手机APP使用下载和使用方法
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
            <div class="main2-li">
                <a>
                    2:蚂蚁女王 手机APP"适合那几种人群使用"
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
            <div class="main2-li">
                <a>
                    3:蚂蚁女王 手机APP"是否安全，会不会透露个人信息？"
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
            <div class="main2-li">
                <a>
                    4:蚂蚁女王 手机APP"和其他汽车行业软件区别和优势是什么？"
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
            <div class="main2-li">
                <a>
                    5:蚂蚁女王 手机APP"前期使用会不会付费呢？"
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
            <div class="main2-li">
                <a>
                    6.什么是图片模式？
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
            <div class="main2-li">
                <a>
                    7.什么是文字模式?
                </a>
                <p class="text-center">通过官网www.mayinvwang.com扫二维码即可下载(自动识别苹果和安卓机)</p>
            </div>
        </div>
    </div>
    <!--main3-->
    <div class="main3">
        <div class="text-center my-fg">
            <img src="/Public/images/fugai.png" alt="">
            <p class="text-center m-t-md font-bold font-14">与上千家4S店深入合作，海量品牌一键查</p>
        </div>
        <div class="container">
            <div class="row m-t-lg">
                <div class="col-more-2 text-center">
                    <img src="/Public/images/bmw.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/benchi.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/maibahe.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/asiton.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/beoshijie.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/linken.png" alt="">
                </div>
            </div>
            <div class="row m-t-lg">
                <div class="col-more-2 text-center">
                    <img src="/Public/images/binli.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/spker.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/rless.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/falarry.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/lamb.png" alt="">
                </div>
                <div class="col-more-2 text-center">
                    <img src="/Public/images/mashaladi.png" alt="">
                </div>
            </div>
        </div>
        <div class="main3-friends">
            <h2>
                合作伙伴：
                <a href="">华夏二手车</a>
                <a href="">赶集网</a>
                <a href="">优信二手车</a>
                <a href="">蚂蚁二手车</a>
            </h2>
        </div>
    </div>
    <include file="Common/footer" />
</body>
<script>
$('.main2-con .main2-li a').click(function() {
    $(this).next('p').slideToggle(200);
});
//    初始化轮播
var s = Slide.createNew(6000,3,['carousel-1','carousel-2','carousel-3'],['carousel-1-3','carousel-2-1','carousel-3-2'],'flipInX');
s.initialization();
</script>
</html>
